{template "content","header"}
<!--main-->
<section>
      <div id="content">
      <div id="banner_left">
        <div id="slideBox"><!--slideBox start-->
          <ul id="show_pic" style="left:0px">
            <li><a href="" target="_blank"><img  alt="动科党建1"  title="" height="375" width="500" src="{IMG_PATH}dongke/banner1.jpg" /></a></li>
            <li><a href="" target="_blank"><img  alt="动科党建2"  title="" height="375" width="500" src="{IMG_PATH}dongke/banner2.jpg" /></a></li>
            <li><a href="" target="_blank"><img  alt="动科党建3"  title="" height="375" width="500" src="{IMG_PATH}dongke/banner3.jpg" /></a></li>
            <li><a href="" target="_blank"><img  alt="动科党建4"  title="" height="375" width="500" src="{IMG_PATH}dongke/banner4.jpg" /></a></li>
            <li><a href="" target="_blank"><img  alt="动科党建5"  title="" height="375" width="500" src="{IMG_PATH}dongke/banner5.jpg" /></a></li>
            <li><a href="" target="_blank"><img  alt="动科党建6"  title="" height="375" width="500" src="{IMG_PATH}dongke/banner6.jpg" /></a></li>
          </ul>
          <div id="slideText"></div>
          <ul id="iconBall">
            <li class="active">1</li>
            <li>2</li>
            <li>3</li>
            <li>4</li>
            <li>5</li>
            <li>6</li>
          </ul>
          <ul id="textBall">
            <li class="active"><a href="javascript:void(0)">动科党建1</a></li>
            <li><a href="javascript:void(0)">动科党建2</a></li>
            <li><a href="javascript:void(0)">动科党建3</a></li>
            <li><a href="javascript:void(0)">动科党建4</a></li>
            <li><a href="javascript:void(0)">动科党建5</a></li>
            <li><a href="javascript:void(0)">动科党建6</a></li>
          </ul>
        </div><!--slideBox end-->
        <script type="text/javascript">
          var glide =new function(){
            function $id(id){return document.getElementById(id);};
            this.layerGlide=function(auto,oEventCont,oTxtCont,oSlider,sSingleSize,second,fSpeed,point){
              var oSubLi = $id(oEventCont).getElementsByTagName('li');
              var oTxtLi = $id(oTxtCont).getElementsByTagName('li');
              var interval,timeout,oslideRange;
              var time=1; 
              var speed = fSpeed 
              var sum = oSubLi.length;
              var a=0;
              var delay=second * 1000; 
              var setValLeft=function(s){
                return function(){
                  oslideRange = Math.abs(parseInt($id(oSlider).style[point]));  
                  $id(oSlider).style[point] =-Math.floor(oslideRange+(parseInt(s*sSingleSize) - oslideRange)*speed) +'px';    
                  if(oslideRange==[(sSingleSize * s)]){
                    clearInterval(interval);
                    a=s;
                  }
                }
              };
              var setValRight=function(s){
                return function(){    
                  oslideRange = Math.abs(parseInt($id(oSlider).style[point]));              
                  $id(oSlider).style[point] =-Math.ceil(oslideRange+(parseInt(s*sSingleSize) - oslideRange)*speed) +'px';
                  if(oslideRange==[(sSingleSize * s)]){
                    clearInterval(interval);
                    a=s;
                  }
                }
              }
              
              function autoGlide(){
                for(var c=0;c<sum;c++){oSubLi[c].className='';oTxtLi[c].className='';};
                clearTimeout(interval);
                if(a==(parseInt(sum)-1)){
                  for(var c=0;c<sum;c++){oSubLi[c].className='';oTxtLi[c].className='';};
                  a=0;
                  oSubLi[a].className="active";
                  oTxtLi[a].className = "active";
                  interval = setInterval(setValLeft(a),time);
                  timeout = setTimeout(autoGlide,delay);
                }else{
                  a++;
                  oSubLi[a].className="active";
                  oTxtLi[a].className = "active";
                  interval = setInterval(setValRight(a),time);  
                  timeout = setTimeout(autoGlide,delay);
                }
              }
            
              if(auto){timeout = setTimeout(autoGlide,delay);};
              for(var i=0;i<sum;i++){ 
                oSubLi[i].onmouseover = (function(i){
                  return function(){
                    for(var c=0;c<sum;c++){oSubLi[c].className='';oTxtLi[c].className='';};
                    clearTimeout(timeout);
                    clearInterval(interval);
                    oSubLi[i].className = "active";
                    oTxtLi[i].className = "active";
                    if(Math.abs(parseInt($id(oSlider).style[point]))>[(sSingleSize * i)]){
                      interval = setInterval(setValLeft(i),time);
                      this.onmouseout=function(){if(auto){timeout = setTimeout(autoGlide,delay);};};
                    }else if(Math.abs(parseInt($id(oSlider).style[point]))<[(sSingleSize * i)]){
                        interval = setInterval(setValRight(i),time);
                      this.onmouseout=function(){if(auto){timeout = setTimeout(autoGlide,delay);};};
                    }
                  }
                })(i)     
              }
            }
          }
          //调用语句
          glide.layerGlide(
            true,         //设置是否自动滚动
            'iconBall',   //对应索引按钮
            'textBall',   //标题内容文本
            'show_pic',   //焦点图片容器
            500,          //设置滚动图片位移像素
            3,        //设置滚动时间3秒 
            0.05,          //设置过渡滚动速度
            'left'      //设置滚动方向“向左”
          );
        </script>
      </div><!--左侧图片滑动end-->
      <div id="banner_right">
        <div id="br_title">
          <h3>党建动态</h3>
        </div><!-- / -->
        <div id="br_descs">
          <div id="br_desc">
            <div id="br_desc_tabs">
              <div class="br_desc_tab onselect" data-id="content1" style="margin-left: 20px;">
                    通知公告
              </div>
              <div class="br_desc_tab" data-id="content2">
                    党建新闻
              </div>
              <div class="br_desc_tab" data-id="content3">
                    书记项目
              </div>
            </div>
          </div><!-- / -->
          <div id="content1" class="tabcontent">
            <ul id="br_ul" class="">
              <li><a href="" title="">通知公告通知公告通知公告<span>2014-05-07</span></a></li>
              <li><a href="" title="">通知公告通知公告通知公告<span>2014-05-07</span></a></li>
              <li><a href="" title="">通知公告通知公告通知公告<span>2014-05-07</span></a></li>
              <li><a href="" title="">通知公告通知公告通知公告<span>2014-05-07</span></a></li>
              <li><a href="" title="">通知公告通知公告通知公告<span>2014-05-07</span></a></li>
              <li><a href="" title="">通知公告通知公告通知公告<span>2014-05-07</span></a></li>
              <li><a href="" title="">通知公告通知公告通知公告<span>2014-05-07</span></a></li>
              <li><a href="" title="">通知公告通知公告通知公告<span>2014-05-07</span></a></li>
              <li><a href="" title="">通知公告通知公告通知公告<span>2014-05-07</span></a></li>
              <li><a href="" title="">通知公告通知公告通知公告<span>2014-05-07</span></a></li>
            </ul><!-- / -->
          </div><!-- / -->
          <div id="content2" class="tabcontent hidden">
            <ul id="br_ul" class="">
              <li><a href="" title="">党建新闻党建新闻党建新闻<span>2014-05-07</span></a></li>
              <li><a href="" title="">党建新闻党建新闻党建新闻<span>2014-05-07</span></a></li>
              <li><a href="" title="">党建新闻党建新闻党建新闻<span>2014-05-07</span></a></li>
              <li><a href="" title="">党建新闻党建新闻党建新闻<span>2014-05-07</span></a></li>
              <li><a href="" title="">党建新闻党建新闻党建新闻<span>2014-05-07</span></a></li>
              <li><a href="" title="">党建新闻党建新闻党建新闻<span>2014-05-07</span></a></li>
              <li><a href="" title="">党建新闻党建新闻党建新闻<span>2014-05-07</span></a></li>
              <li><a href="" title="">党建新闻党建新闻党建新闻<span>2014-05-07</span></a></li>
              <li><a href="" title="">党建新闻党建新闻党建新闻<span>2014-05-07</span></a></li>
              <li><a href="" title="">党建新闻党建新闻党建新闻<span>2014-05-07</span></a></li>
            </ul><!-- / -->
          </div><!-- / -->
          <div id="content3" class="tabcontent hidden">
            <ul id="br_ul" class="">
              <li><a href="" title="">动科召开学生党支部书记会议<span>2014-05-07</span></a></li>
              <li><a href="" title="">动科召开学生党支部书记会议<span>2014-05-07</span></a></li>
              <li><a href="" title="">动科召开学生党支部书记会议<span>2014-05-07</span></a></li>
              <li><a href="" title="">动科召开学生党支部书记会议<span>2014-05-07</span></a></li>
              <li><a href="" title="">动科召开学生党支部书记会议<span>2014-05-07</span></a></li>
              <li><a href="" title="">动科召开学生党支部书记会议<span>2014-05-07</span></a></li>
              <li><a href="" title="">动科召开学生党支部书记会议<span>2014-05-07</span></a></li>
              <li><a href="" title="">动科召开学生党支部书记会议<span>2014-05-07</span></a></li>
              <li><a href="" title="">动科召开学生党支部书记会议<span>2014-05-07</span></a></li>
              <li><a href="" title="">动科召开学生党支部书记会议<span>2014-05-07</span></a></li>
            </ul><!-- / -->
          </div><!-- / -->
        </div>
      </div>
      <div id="list">
        <div id="list1">
           <div id="l_title">
            <h3>政策指导</h3>
          </div>
          <div class="line"></div>
          <div id="l_content">
            <ul>
              <li><a href="">【分类1】内容标题</a></li>
              <li><a href="">【分类1】内容标题</a></li>
              <li><a href="">【分类1】内容标题</a></li>
              <li><a href="">【分类1】内容标题</a></li>
              <li><a href="">【分类1】内容标题</a></li>
              <li><a href="">【分类1】内容标题</a></li>
              <li><a href="">【分类1】内容标题</a></li>
              <li><a href="">【分类1】内容标题</a></li>
              <li><a href="">【分类1】内容标题</a></li>
              <li><a href="">【分类1】内容标题</a></li>
              <li><a href="">【分类1】内容标题</a></li>
            </ul>
          </div>
        </div> 
        <div id="list1">
          <div id="l_title">
            <h3>先进事迹</h3>
          </div>
          <div class="line"></div>
          <div id="l_content">
            <ul>
              <li><a href="">【分类1】内容标题</a></li>
              <li><a href="">【分类1】内容标题</a></li>
              <li><a href="">【分类1】内容标题</a></li>
              <li><a href="">【分类1】内容标题</a></li>
              <li><a href="">【分类1】内容标题</a></li>
              <li><a href="">【分类1】内容标题</a></li>
              <li><a href="">【分类1】内容标题</a></li>
              <li><a href="">【分类1】内容标题</a></li>
              <li><a href="">【分类1】内容标题</a></li>
              <li><a href="">【分类1】内容标题</a></li>
              <li><a href="">【分类1】内容标题</a></li>
            </ul>
          </div>
        </div> 
        <div id="list1">
          <div id="l_title">
            <h3>民主评议</h3>
          </div>
          <div class="line"></div>
          <div id="l_content">
            <ul>
              <li><a href="">【分类1】内容标题</a></li>
              <li><a href="">【分类1】内容标题</a></li>
              <li><a href="">【分类1】内容标题</a></li>
              <li><a href="">【分类1】内容标题</a></li>
              <li><a href="">【分类1】内容标题</a></li>
              <li><a href="">【分类1】内容标题</a></li>
              <li><a href="">【分类1】内容标题</a></li>
              <li><a href="">【分类1】内容标题</a></li>
              <li><a href="">【分类1】内容标题</a></li>
              <li><a href="">【分类1】内容标题</a></li>
              <li><a href="">【分类1】内容标题</a></li>
            </ul>
          </div>
        </div> 
        <div id="list1">
          <div id="l_title">
            <h3>交流版块</h3>
          </div>
          <div class="line"></div>
          <div id="l_content">
            <ul>
              <li><a href="">【分类1】内容标题</a></li>
              <li><a href="">【分类1】内容标题</a></li>
              <li><a href="">【分类1】内容标题</a></li>
              <li><a href="">【分类1】内容标题</a></li>
              <li><a href="">【分类1】内容标题</a></li>
              <li><a href="">【分类1】内容标题</a></li>
              <li><a href="">【分类1】内容标题</a></li>
              <li><a href="">【分类1】内容标题</a></li>
              <li><a href="">【分类1】内容标题</a></li>
              <li><a href="">【分类1】内容标题</a></li>
              <li><a href="">【分类1】内容标题</a></li>
            </ul>
          </div>
        </div> 
      </div>
      <div id="show">
        <div id="s_content">
          <div id="s_title">
            <h3>支部风采</h3>
          </div>
          <div id="s_show">
          <div id="slideBox_s"><!--slideBox_s start-->
            <ul id="show_pic_s" style="left:0px">
              <li><a href="" target="_blank"><img  alt="动科党建1"  title="" height="200" width="360" src="{IMG_PATH}dongke/banner1.jpg" /></a></li>
              <li><a href="" target="_blank"><img  alt="动科党建2"  title="" height="200" width="360" src="{IMG_PATH}dongke/banner2.jpg" /></a></li>
              <li><a href="" target="_blank"><img  alt="动科党建3"  title="" height="200" width="360" src="{IMG_PATH}dongke/banner3.jpg" /></a></li>
              <li><a href="" target="_blank"><img  alt="动科党建4"  title="" height="200" width="360" src="{IMG_PATH}dongke/banner4.jpg" /></a></li>
              <li><a href="" target="_blank"><img  alt="动科党建5"  title="" height="200" width="360" src="{IMG_PATH}dongke/banner5.jpg" /></a></li>
              <li><a href="" target="_blank"><img  alt="动科党建6"  title="" height="200" width="360" src="{IMG_PATH}dongke/banner6.jpg" /></a></li>
            </ul>
            <div id="slideText_s"></div>
            <ul id="iconBall_s">
              <li class="active">1</li>
              <li>2</li>
              <li>3</li>
              <li>4</li>
              <li>5</li>
              <li>6</li>
            </ul>
            <ul id="textBall_s">
              <li class="active"><a href="javascript:void(0)">动科党建1</a></li>
              <li><a href="javascript:void(0)">动科党建2</a></li>
              <li><a href="javascript:void(0)">动科党建3</a></li>
              <li><a href="javascript:void(0)">动科党建4</a></li>
              <li><a href="javascript:void(0)">动科党建5</a></li>
              <li><a href="javascript:void(0)">动科党建6</a></li>
            </ul>
          </div><!--slideBox end-->
          <script type="text/javascript">
            var glide_s =new function(){
              function $id(id){return document.getElementById(id);};
              this.layerGlide_s=function(auto,oEventCont,oTxtCont,oSlider,sSingleSize,second,fSpeed,point){
                var oSubLi = $id(oEventCont).getElementsByTagName('li');
                var oTxtLi = $id(oTxtCont).getElementsByTagName('li');
                var interval,timeout,oslideRange;
                var time=1; 
                var speed = fSpeed 
                var sum = oSubLi.length;
                var a=0;
                var delay=second * 1000; 
                var setValLeft_s=function(s){
                  return function(){
                    oslideRange = Math.abs(parseInt($id(oSlider).style[point]));  
                    $id(oSlider).style[point] =-Math.floor(oslideRange+(parseInt(s*sSingleSize) - oslideRange)*speed) +'px';    
                    if(oslideRange==[(sSingleSize * s)]){
                      clearInterval(interval);
                      a=s;
                    }
                  }
                };
                var setValRight_s=function(s){
                  return function(){    
                    oslideRange = Math.abs(parseInt($id(oSlider).style[point]));           
                    $id(oSlider).style[point] =-Math.ceil(oslideRange+(parseInt(s*sSingleSize) - oslideRange)*speed) +'px';
                    if(oslideRange==[(sSingleSize * s)]){
                      clearInterval(interval);
                      a=s;
                    }
                  }
                }
                
                function autoGlide_s(){
                  for(var c=0;c<sum;c++){oSubLi[c].className='';oTxtLi[c].className='';};
                  clearTimeout(interval);
                  if(a==(parseInt(sum)-1)){
                    for(var c=0;c<sum;c++){oSubLi[c].className='';oTxtLi[c].className='';};
                    a=0;
                    oSubLi[a].className="active";
                    oTxtLi[a].className = "active";
                    interval = setInterval(setValLeft_s(a),time);
                    timeout = setTimeout(autoGlide_s,delay);
                  }else{
                    a++;
                    oSubLi[a].className="active";
                    oTxtLi[a].className = "active";
                    interval = setInterval(setValRight_s(a),time);  
                    timeout = setTimeout(autoGlide_s,delay);
                  }
                }
              
                if(auto){timeout = setTimeout(autoGlide_s,delay);};
                for(var i=0;i<sum;i++){ 
                  oSubLi[i].onmouseover = (function(i){
                    return function(){
                      for(var c=0;c<sum;c++){oSubLi[c].className='';oTxtLi[c].className='';};
                      clearTimeout(timeout);
                      clearInterval(interval);
                      oSubLi[i].className = "active";
                      oTxtLi[i].className = "active";
                      if(Math.abs(parseInt($id(oSlider).style[point]))>[(sSingleSize * i)]){
                        interval = setInterval(setValLeft_s(i),time);
                        this.onmouseout=function(){if(auto){timeout = setTimeout(autoGlide_s,delay);};};
                      }else if(Math.abs(parseInt($id(oSlider).style[point]))<[(sSingleSize * i)]){
                          interval = setInterval(setValRight_s(i),time);
                        this.onmouseout=function(){if(auto){timeout = setTimeout(autoGlide_s,delay);};};
                      }
                    }
                  })(i)     
                }
              }
            }
            //调用语句
            glide_s.layerGlide_s(
              true,         //设置是否自动滚动
              'iconBall_s',   //对应索引按钮
              'textBall_s',   //标题内容文本
              'show_pic_s',   //焦点图片容器
              380,          //设置滚动图片位移像素
              3,        //设置滚动时间3秒 
              0.3,          //设置过渡滚动速度
              'left'      //设置滚动方向“向左”
            );
          </script>
        </div>   
        </div>
        <div id="s_content">
          <div id="s_title">
            <h3>微博&nbsp;华农动科党务</h3>
          </div>
          <div id="s_show">
            <img src="{IMG_PATH}dongke/">
          </div>
        </div>
      </div>
      </div>
    </section>
{template "content","footer"}